<template>
  <el-carousel :interval="5000" arrow="always">
    <el-carousel-item v-for="(item, index) in imgList" :key="index">
      <img :src="item" @click="$router.push('song')" alt="" >
    </el-carousel-item>
  </el-carousel>
</template>

<script>
export default {
  name: 'CarouselMap',
  data () {
    return {
      imgList: [
        'http://p1.music.126.net/431XUcA-zHtQoe2mc1NlIg==/109951166081996580.jpg?imageView&quality=89',
        'http://p1.music.126.net/zlroMDpy9Q15EWRfNNwItQ==/109951166082037376.jpg?imageView&quality=89',
        'http://p1.music.126.net/no4Dkyb-j_vHj_lYEYk5GA==/109951166082028491.jpg?imageView&quality=89',
        'http://p1.music.126.net/G-7ouD-8eb9lAToZHpZBuA==/109951166081530194.jpg?imageView&quality=89',
        'http://p1.music.126.net/KVgHUmZQcvcWhuy1rta8yQ==/109951166081370476.jpg?imageView&quality=89',
        'http://p1.music.126.net/no4Dkyb-j_vHj_lYEYk5GA==/109951166082028491.jpg?imageView&quality=89'
      ]
    }
  }
}
</script>

<style lang="less" scoped>
</style>
